草庐IT

php - 在线视频流

全部标签

javascript - 如何将嵌入式 YouTube 视频的帧(通过 iframe)写入 Canvas ?

我希望能够从YouTube视频中的不同点(不仅仅是缩略图)提取帧,并对它们进行一些处理。我可以使用iframeAPI将视频嵌入我的网站,但我正在努力寻找一种方法将其捕获到Canvas上。(如果我被迫捕获整个屏幕没关系,如果我必须更改浏览器设置以允许它也没关系。) 最佳答案 一种选择是编写浏览器扩展。但我猜你会想避免这种情况。另一种选择是使用ScreenCaptureAPI(Chrome、Edge和Firefox支持)。查看browsercompatibilityinformation在MDN上。使用此API,您可以允许您的用户共享他

javascript - YouTube API 'orderby=duration' 不处理整个播放列表,只处理最新的视频

我正在尝试构建一个小的JavaScript程序来查询YouTubeAPI对于给定的播放列表,按持续时间排序。否则一切都完美无缺,但排序并不代表整个播放列表,只是其中的25个最新视频!这是最低限度的完整工作exampleasaJSFiddle这是其中的JavaScript部分:varplaylistId="UUAuUUnT6oDeKwE6v1NGQxug";jQuery.getJSON("https://gdata.youtube.com/feeds/api/playlists/"+playlistId+"?v=2&orderby=duration&alt=json",function(

javascript - 如何嵌入多个 Facebook 视频(使用 React)

从Facebookdocs读取,嵌入Facebook视频似乎很容易。然而,必须在脚本和fb-video之前div类(根据我的观察)。因此,如果我想嵌入视频,我必须执行以下操作:(function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.8";fjs.parentNode.insertBe

javascript - 为什么视频不播放,第一次播放时动态更改它不会播放

我正在使用videojs插件在点击每个视频时动态播放我的视频,但它没有播放我做错的地方。$(function(){$('.player-src').on('click',function(){//alert($(this).attr('data-src'));varvideosrc=$(this).attr('data-src');videojs('my_video_1',{ sources:[{ src:videosrc, type:'video/mp4' },{ src:videosrc, type:'video/webm' }] });});});

javascript - 使用 Javascript 在 Youtube APi 中上传视频

我需要使用API将视频上传到youtube。在YoutubeAPI中可以吗?请举例说明 最佳答案 这个例子直接取自officialYouTubeDataAPIdocumentation,并展示了如何执行以下功能:它使用API的channels.list方法检索经过身份验证的用户channel的channel名称和缩略图。它使用可恢复上传协议(protocol)处理上传到YouTube的视频。它通过将部分参数值设置为状态,使用API的videos.list方法轮询已上传视频的上传和处理状态。使用JavascriptClientAPI:

javascript - Node.js/Express 视频流(HTTP 206 部分内容)

我在数据库(MarkLogic)中有一个二进制文档(mp4视频文件)。我正在使用数据库的Node.jsAPI以block的形式流式传输文档。设置如下所示:html文件然后在express中,我设置了一个处理/video/:param路由的路由(在数据库中,视频具有唯一标识符,即字符串'/video/myvideo.mp4')node.js//I'monlyshowingtherelevantthingsinhereconstserveVideo=(req,res)=>{varstream=db.documents.read('/gopro/malta.mp4').stream('chu

javascript - 将 Canvas 上的视频转换为 3d 网格的合适起点是什么

目前是否有用于将Canvas中的视频流转换为3D网格的JavaScript库?示例情况是将相机对准杯子并捕捉原始图像,将以前的数据与新数据进行比较以生成视野内物体的边缘轮廓,理想情况下将其转换为最简单的多边形集并显示在第二个Canvas元素中计算多边形/模型。我看过mrdoob在3djavascript上的一些出色工作,从对象文件到Canvas中的渲染,但我希望捕获原始数据并尝试生成网格。目的是通过套接字在2个用户之间发送网格点,以获取当前在相机View中捕获的任何对象。感谢任何帮助。 最佳答案 它不是一个库,但这里演示了您正在寻找

javascript - 查找线或点是否在线附近

我这里有这段代码可以确定一条线是否在一个圆圈中。(也许你可以用它来作为你的答案的基础)/***@paraml1Linepoint1,containinglatitudeandlongitude*@paraml2Linepoint2,containinglatitudeandlongitude*@paramcCenterofcircle,containinglatitudeandlongitud*@paramrRadiusofthecircle**/Maps.ui.inCircle=function(l1,l2,c,r){vara=l1.lat()-l2.lat()varb=l1.lng

javascript - 在 chrome 中单击时,youtube 视频不会自动播放

我得到了这段代码,可以在点击图片时以动态方式嵌入youtube视频,它工作正常但点击时不会自动播放。它在mozilla中工作正常,但在chrome中不工作。我在网页中放置图像(视频缩略图)而不是视频iframe以减少页面负载,当单击这些缩略图时我正在通过jquery动态加载iframe一切正常但加载的视频不是自动播放但给另一个播放YouTube视频的按钮。我希望它在chrome中点击时自动播放。请帮忙 YouToubesreplaceexample p{margin-bottom:2em;} iframe,.ytLoader{display:block;margin:0auto

javascript - 如何使用 JavaScript 暂停 HTML5 视频?

这个问题在这里已经有了答案:HowtopauseaHTML5videoonanevent?(3个答案)关闭4年前。最初视频是隐藏的。单击ID为3的图像时,视频可见。我放置了一个ID为close_video的按钮,它将隐藏播放器。问题是单击按钮后它仍在运行视频。如何暂停视频?代码是:$(document).ready(function(){$('#3').click(function(){$("#video").removeClass("popup-video").addClass("popup-video-show");});});$(document).ready(function(